<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ivan's Movie Repository</title>
<link rel="stylesheet" href="main.css" />
<link rel="shortcut icon" href="film.ico">
</head>
<body>
	<div id="container">
		<header id="header" class="clear">
			<h1 id="title">
				<a href="index.html" title="Ivan's
					Movie Repository">Ivan's
					Movie Repository</a>
			</h1>
			<!--
			<nav id="nav" class="nav">
				<ul>
					<li><a href="./index.html" class="on">movies</a></li>
					<li><a href="https://git.oschina.net/cheegoivan/FilmDirectoryGenerator">github</a></li>
				</ul>
			</nav>
			-->
		</header>
		<div class="main">
			<article>
				<header class="feature">
					<h1 class="film-title">The Lobster</h1>
					<p class="film-detail">2015 | Yorgos Lanthimos | 8.0</p>
					<img src="lobster.jpg" width="100%" alt="The Lobster" />
				</header>
			</article>

			<article>
				<header class="feature">
					<h1 class="film-title">DogTooth</h1>
					<p class="film-detail">2009 | Yorgos Lanthimos | 8.5</p>
					<img src="dogtooth.jpg" width="100%" alt="The Lobster" />
				</header>
			</article>
			
			<article>
				<header class="feature">
					<h1 class="film-title">花樣年華</h1>
					<p class="film-detail">2009 | 王家衛 | 8.5</p>
					<img src="Wild Tales.jpg" width="100%" alt="The Lobster" />
				</header>
			</article>
		</div>
		<footer>
		<a href="http://www.lanthimos.com/film/" title="next page" class="page">next page</a>
		</footer>
	</div>
</body>
</html>